<template>
  <div class="demo">
    <div class="demo-title">典型卡片</div>
    <div class="demo-content">
      <Card title="Default size card" style="width: 300px">
        <template #extra><a href="#">more</a></template>
        <p>card content</p>
        <p>card content</p>
        <p>card content</p>
      </Card>
      <br />
      <Card size="small" title="Small size card" style="width: 300px">
        <template #extra><a href="#">more</a></template>
        <p>card content</p>
        <p>card content</p>
        <p>card content</p>
      </Card>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import Card from '@sscd/card';
</script>
